ZLMediaKit编译与webrtc推拉流测试
ZLMediaKit支持了webrtc的推流与播放。特此记录下编译与测试的过程。编译环境OS版本：Ubuntu 20.04.2 LTSopenssl版本：OpenSSL 1.1.1fgcc版本：9.3.0cmake版本：3.16.3编译准备工作安装openssl。$ git clone https://github.com/openssl/openssl.git$ ./config$ make -j4$ sudo make install# 查看openssl版本$ openssl version -a安装...
2024-01-10React和Vue中监听变量变化的方法
React 中本地调试React代码的方法yarn build场景假设有这样一个场景，父组件传递子组件一个A参数，子组件需要监听A参数的变化转换为state。16之前在React以前我们可以使用 componentWillReveiveProps 来监听 props 的变换16之后在最新版本的React中可以使用新出的 getDerivedStateFromProps 进行props的监听， getDerivedSta...
2024-01-10
你不知道的React 和 Vue 的20个区别【源码层面】
前言面试竞争力越来越大，是时候撸一波Vue和React源码啦； 本文从20个层面来对比Vue和React的源码区别； 如果需要了解API的区别，请戳： Vue 开发必须知道的 36 个技巧 React 开发必须知道的 34 个技巧文章源码：请戳，原创码字不易，欢迎star！1.Vue和React源码区别1.1 Vue源码来张Vue源码编译过程图图...
2024-01-10
React:快速上手(5)——掌握Redux(2)
本文部分内容参考阮一峰的Redux教程。React-Redux原理React-Redux运行机制 我觉得这张图清楚地描述React-Redux的运行机制： React-Redux将组件划分为两类，第一类是UI组件：只负责 UI 的呈现，不带有任何业务逻辑没有状态（即不使用this.state这个变量）所有数据都由参数（this.props）提供不使用任...
2024-01-10
React和Vue区别
1.监听数据变化的实现原理不同Vue通过 getter/setter以及一些函数的劫持，能精确知道数据变化。React默认是通过比较引用的方式（diff）进行的，如果不优化可能导致大量不必要的VDOM的重新渲染。为什么React不精确监听数据变化呢？这是因为Vue和React设计理念上的区别，Vue使用的是可变数据，而React更强...
2024-01-10Vue.directive使用注意(小结)
指令钩子函数会被传入以下参数：el：指令所绑定的元素，可以用来直接操作 DOM 。binding：一个对象，包含以下属性：vnode：Vue 编译生成的虚拟节点。移步 VNode API 来了解更多详情。 ◦name：指令名，不包括 v- 前缀。◦value：指令的绑定值，例如：v-my-directive="1 + 1" 中，绑定值为 2。◦oldValue：指令...
2024-01-10
在项目vue中使用echarts的操作步骤
1.在组件中创建该模块<template> <div id = "testChart"></div></template>2.导入echarts前提是：已经在项目中配置过echarts在<script></script>中导入echarts<script>import {echartInit} from "../../../utils/echartUtils"</script>3.初始化该模块 export default { name: 'Test', //vue该组件名称Test.vue moun...
2024-01-10
不吹不黑丨用Vue和React构建相同应用程序，区别在哪？
作者 | Sunil Sandhu译者 | 无明在工作中使用了 Vue 之后，我已经对它有了相当深入的了解。同时，我也对 React 感到好奇。我阅读了 React 的文档，也看了一些教程视频，虽然它们很棒，但我真正想知道的是 React 与 Vue 有哪些区别。这里所说的区别，并不是指它们是否都具有虚拟 DOM 或者它们如何渲染页面...
2024-01-10
React、Vue浅析
关注前端的同学都了解，React和Vue是目前应用很广泛的两个前端框架。React是由Facebook开发的，Vue起初则是由google一名程序员尤雨溪开发的。截止到目前github上显示，React的Star数为87422，Vue的为78523，数据差距越来越小。两个框架国内外使用概况如图1所示： 图1 国外前端框架使用概况 ...
2024-01-10
Vue实现active点击切换
循环的情况：1、点击时传入index索引（获取当前点击的是哪个）@click="active(index)"2、将索引值传入class（索引等于几就第几个添加active类）:class="{active:index==ins}"3、在data里边添加ins：0（表示默认第一个添加active类）data{ ins：0 } 4、最后在methods里边添加方法ctive (num) { this.ins=num ...
2024-01-10
在vue中使用echars实现上浮与下钻效果
第一步：在vue项目中安装echarsnpm i echars -S第二步:main.js配置 这里是全局引入//引入echarsimport echarts from 'echarts'Vue.prototype.$echarts = echarts第三步直接上代码<template> <div id="container"> <header>浙江省echars地图</header> <div id="echarsMap"></div> </div></template><script>//引入jso...
2024-01-10Vue-router 类似Vuex实现组件化开发的示例
本文介绍了Vue-router 类似Vuex实现组件化开发的示例，分享给大家，具体如下：随着项目越来越大，把所有route写在一个文件里就显得杂乱。#单个组件路由import a from '../components/a'export default { path: '/a', name: 'a', component: a}import arouter from 'xxx'export default new Router({ routes: [ arouter ]})#多个组件路由...
2024-01-10
vue进阶：vue-router之导航守卫、路由元信息、路由懒加载
1.导航被触发2.在失活的组件里调用离开守卫：beforeRouteLeave —— 组件内守卫（离开组件）。3.调用全局的beforeEach守卫 —— 全局守卫（进入组件）。4.在重用组件里调用deforeRouteUpdatar守卫（2.2+）—— 组件内守卫（组件复用时调用/foo/:id）。5.在路由配置里调用beforeEnter。—— 路由独享守卫（进入组...
2024-01-10![[ABP开源项目]--vue+vuex+vue-router+EF的权限管理系统](/wp-content/uploads/thumbs/532615_thumbnail.jpg)
[ABP开源项目]--vue+vuex+vue-router+EF的权限管理系统
好久没写文字了，当然大家也不期待嘛，反正看代码就行了。首先说下这个项目吧。如标题一样是基于VUE+.NET开发的框架，也是群友一直吼吼吼要一个vue版本的ABP框架。我们先来看看首页吧：还比较酷炫，提供下演示账号演示地址：http://vue.yoyocms.com/账号：demo密码：bb123456当然你也可以自己注册...
2024-01-10
vue-router 动态修改路由参数
路由地址后缀 /test?regionId=sj用户信息中有匹配的行政区划权限数组 xzqh: ['sj','hz'], 且有字段表示改用户默认归属的行政区划 regionId: sj当手动修改地址改成 /test?regionId=hz，因为 regionId 在符合的权限数组中，跳转到 /test?regionId=hz当手动修改地址改成 /test?regionId=nb，重定向地址到 /t...
2024-03-09
无法使用 Vue-Router 获取 URL 中的参数
今天尝试使用Vue-Router（在Vue-CLI中）获取URL参数时遇到了困难（$route.query为空），代码如下。代码用途：获取URL后携带的参数（如“http://localhost:8080/#/?clie...”中的client_id）项目文件结构：router/index.js:App.vue(获取 URL 参数的部分代码):这部分代码的运行结果：回答：vue-router 在...
2024-02-25
vue+vue-router 打包后遇到的一系问题
写完项目（ vue-cli ）直接 npm run build 之后，生成了一个dist 文件夹，里面有一个index.html和一个static文件夹，把dist文件夹放在我的wamp的www目录下，然后访问127.0.0.1/dist/，发现如下问题1.访问index.html文件没有内容，检查发现是因为index文件里的css和js路径有错 解决方法：修改源码config文件夹下的index.js ,...
2024-01-10
vue静态路由vue-router怎么使用
静态路由vue-router使用路由可以方便我们访问多个组件，后面也会使用到路由跳转中安装:npm install vue --save-devnpm install vue-router --save-dev引入模块router在App.vue里面加写入 <router-view></router-view>在命令提示行输入 “npm run dev” 执行项目在浏览器输入域名地址 “域名地址+路由地址” 如： http://localhost:...
2024-01-10
vue-computed计算属性
计算属性：用来封装你想对一个属性进行的操作computed VS mothod实现的效果和定义一个methods中的function相同，但是他们的区别在于：methods的function当触发重新渲染时总会重新执行，而计算属性是基于他们的依赖进行缓存的，只有在它的相关依赖进行改变时才会改变，这就意味着它的相关依赖没有发生改...
2024-01-10vue升级之路之vue-router的使用教程
使用 Vue 构建的项目，一个页面是由多个组件构成的，而且经常是做成单页面应用，所以在跳转页面的时候，传统的 href 已经跟不上时代的步伐了，于是 vue-router 应运而生在使用 vue-router 的时候，需要看看自己是否装了这个依赖，没有的话可以使用 npm install vue-router -S ，不过现在构建vue项目时有可以选...
2024-01-10
vue中v-for指令完成列表渲染
目录1、列表遍历2、Vue中key的作用3、列表过滤本文就Vue中列表渲染做个简单总结和使用演示:列表渲染是用v-for指令根据绑定一组元素的选项来完成的，渲染格式可以自定义。1、列表遍历最基本的使用案例1：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I...
2024-01-10
初始化一个vue项目，需要安装的插件
1、安装element-ui：npm i element-ui -S2、安装sass：npm install sass-loader -Dnpm install node-sass -D3、...
2024-01-10Vue使用zTree插件封装树组件操作示例
本文实例讲述了Vue使用zTree插件封装树组件操作。分享给大家供大家参考，具体如下：1.通过npm安装jquerynpm install jquery --save-dev2.在build/webpack.base.conf文件当中引入jquerymodule.exports = { ... resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '...
2024-01-10
服务器安装googlechrome
越来越多的网站开始使用前后端分离导致html页面的数据需要通过js进行加载渲染，常规的爬虫模式已经无法进行抓取数据了。安装Google Chromecd /ect/yum.repos.d/vim google-chrome.repo编辑内容[google-chrome]name=google-chromebaseurl=http://dl.google.com/linux/chrome/rpm/stable/x86_64enabled=1gpgcheck=1gpgkey=https://dl.google....
2024-01-10
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
前言公司的一个项目大致是这样的：一个左侧列表，点击左侧列表的文章标题，右侧展开该文章对应的内容的。现在的问题出现在极少部分客户有时左侧的标题，无法打开对应的右侧的内容，给人的改进就是‘卡'、点不动、点了没反应。再大致介绍下项目环境：chrome 44(打包到用户客户端内)Vue 2.6....
2024-01-10
如何查找查看Chrome扩展安装的文件
不管是因为你怀疑Chrome扩展是恶意的，你想创建一个最喜欢的和已停止使用的扩展的备份，还是你只想看看扩展是如何工作的，知道如何查找和查看Chrome扩展安装的文件是很有用的。在本教程中，我们将提供两种方法，您可以使用它们来查看与Chrome扩展名关联的文件。第一种方法是查看计算机上安装...
2024-01-10docker volume自定义安装点
我是Docker的新手，我正在玩docker volume。我想指定dockervolume存储数据的位置。就像-v我们执行时提供选项一样docker run。 创建时，如何设置自定义 docker volume。我在文档上找不到任何选项。当我检查音量[ { ...
2024-01-10
vue-cropper插件实现图片截取上传组件封装
基于vue-cropper插件实现图片截取上传组件封装的具体代码，供大家参考，具体内容如下需求场景：后台开发需要上传图片并进行相应比例尺寸图片的截取,本组件开发采用Ant Design Vue组件库搭配vue-cropper插件进行封装实现如下html<template> <div> <a-upload name="avatar" list-type="picture-card" clas...
2024-01-10
c# 管理NuGet程序包 插件安装失败
安装插件：MaterialDesignThemes和MaterialDesignColors编译器版本：vs2012安装失败原因：只能在同源 AppDomain 中执行动态操作。回答檢查你的config是否有<trust legacyCasModel="true" />有的話設定為false...
2024-01-10
chrome 浏览器 vue 点击事件位置错乱？
chrome 浏览器移动端模拟器里面 vue 点击事件位置错乱？ 但是在pc端是正常的 点击的是元素外边也会触发，点击事件，现在怎么调整呢？ 111 上绑定了 @click 事件，现在点击颜色区域外边，在模拟器上也会执行点击事件<div @click.stop="test"></div>//main.js 里面<script> App = createApp({ setup()...
2024-02-21
【Vue】恳请各位答疑解惑，iview的Anchor锚点组件，无法定位的问题
首先是我如果写静态的页面锚点是没有问题，有问题的是渲染出来的页面数据，锚点的数据也是渲染出来的，然后锚点数据出现以后出现后，点击锚点，页面并不跳转，我找到这样的数据，看数据是因为offset的数据不对，但是这个数据应该不是本地写死的吧，而是根据id的位置判断的吧各位大佬有遇到...
2024-01-10
